import axios from 'axios'
import router from '@/router'
import store from '@/store'

// create an axios instance
import { Message } from 'element-ui'
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})
// 添加请求拦截器
service.interceptors.request.use(function(config) {
  const token = store.state.user.token
  if (token) {
    config.headers.Authorization = 'Bearer ' + token
  }
  return config
}, function(error) {
  return Promise.reject(error)
})

// 添加响应拦截器
service.interceptors.response.use(function(response) {
  // 如果登录失败就手动抛出一个失败的Promise回调.reject
  if (!response.data.success) {
    return Promise.reject(new Error(response.data.message))
  } else {
    // 成功就脱壳
    return response.data
  }
}, function(error) {
  // token过期处理
  if (error.response.data.code === 10002) {
    // 调用函数清除token和用户信息
    store.dispatch('user/logout')
    Message.error('身份认证过期')
    router.push({
      path: '/login',
      query: {
        // 这里不能用$route的方法,但是这里引入了router,它身上有个方法currentRoute,里面有fullPath可以获取当前路径
        // 但是手动制造token过期,要在cookie里面修改token的值然后刷新,这样就会导致刷新后fullPath获取当前的路径还是首页,所以要换个方法
        // location.hash返回的是当前页面地址,但是最前面带#号,所以用字符串截取的方法把前面的#截取掉
        return_url: location.hash.substring(1)
      }
    })
  }
  // 对响应错误做点什么
  return Promise.reject(error)
})

export default service
